@charset "utf-8";
body{
	min-width: 1280px;
}

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

#web{
	width: 100%;
	height: 100%;
}
header{
	width: 100%;
}
.top{
	background: #dfdfde;
	height: 40px;
	line-height: 40px;
}
.top .main{
	width: 995px;
	margin: 0 auto;	
}	
header .top .main a{
	color: #000;
	font-size: 14px;
	margin-left: 25px;
}

/*导航部分*/

nav{
	width: 995px;
	height: 96px;
	margin: 0 auto;
}
nav .logo{
	display: inline-block;
	width: 304px;
	height: 96px;
}
nav .logo img{
	width: 100%;
	height: 100%;
}
nav ul {
	width: 600px;
}
nav ul li{
	padding-top: 28px;
	float: left;
	width: 85px;
	height: 96px;
	line-height: 24px;
	text-align: center;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	box-sizing: border-box;
}
/*并列关系*/
/*nav ul li.active{
	background: #e5e3e3;
	border-bottom: 3px solid #3c9cd3;
}*/

nav ul li a{
	color: #000000;
}
/*鼠标放在元素上的状态*/
nav ul li:hover,nav ul li.active{
	background: #faf8f8;
	border-bottom: 3px solid #3c9cd3;
}

/*轮播*/
.carou {
	/*相对定位
	 	参考物，一般情况下以父元素为参考物
	 * */
	position: relative;
}
.carou .lb{
	width: 100%;
	height: 545px;
}
.carou .lb img{
	width: 100%;
	height: 100%;
}

.carou .point{
	/*绝对定位*/
	/*position: absolute;
	left: 45.85%;
	bottom: 28px;*/
	
	width: 100px;
	height: 10px;
}

.carou .point{
	/*绝对定位*/
	position: absolute;
	/*设置定位在父容器50%的位置*/
	left: 50%;
	bottom: 28px;
	/*往左边推自身的50%*/
	margin-left: -50px;
	
	width: 100px;
	height: 10px;
}


.carou .point li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #a3d3e9;
	float: left;
	margin-right: 20px;
}
.carou .point li:last-child{
	margin-right: 0;
}

.product{
	width: 1000px;
	margin: 0 auto;
	margin-top: 63px;
}

.product .item{
	width: 315px;
	height: 473px;
	margin-left: 9px;	
	background: #FFFFFF;
	box-shadow: 5px 5px 12px #C4C4C4;
}
.product .item .news-center{
	width: 100%;
	height: 152px;
	padding-top: 15px;
	background: #2395cb;
	position: relative;
	
	
}
.product .item .news-center::after{
	position: absolute;
	bottom: -21px;
	left: 50%;
	margin-left: -21px;
	content: '';
	display: block;
	border-top: 21px #2395cb solid;
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	
}
.news-center .backgrond{
	width: 53px;
	height: 53px;
	background:url(../img/index/news-pic1.png) no-repeat;
	margin: 0 auto;
	}
.news-center p{
	text-align: center;
	line-height: 33px;
	color: #f6f6f6;
	font-size: 16px;
}
.news-center .underline{
	width: 106px;
	border: 1px solid #f6f6f6;
	margin: 0 auto;
}

.news-contant{
	width: 315px;
	height: 179px;
	display: block;
}

.news-contant p{
	display:block;
	font-size: 14px;
	color: #000000;
	margin-left: 16px;
	padding-top: 30px;
}
.news-contant-img{
	width: 111px;
	height: 98px;
	margin-top: 17px;
	margin-left: 16px;
}
.news-contant-img img{
	width: 100%;
	height: 100%;
}
.news-contant-text{
	width: 124px;
	height: 98px;
	margin-top: 16px;
	margin-left: 26px;
}
.news-contant-text span{
	font-size: 13px;
	line-height: 26px;
}
.news-ul{
	width: 284px;
	height: 127px;
	margin: 0 auto;
	border-top: 2px dotted #c4c4c4;
	
}
.news-ul ul{
	padding-top: 18px;
	margin-left: 18px;
}
.news-ul ul li{
	line-height: 24px;
	font-size: 13px;
	list-style:disc;
	color: #2395cb;
}	
.news-ul ul li a{
	color: #000000;
	font-size: 13px;
}
.news-ul ul li a:hover{
	color: #2395cb;
	text-decoration: underline;
}
.bgcolor{
	width: 100%;
	background: #f6f6f6;
}

/*新品发布*/
.product .item2{
	width: 312px;
	height: 473px;
	margin-left: 16px;	
	background: #FFFFFF;
	box-shadow: 5px 5px 12px #C4C4C4;
}
.product .item2 .news-center2{
	width: 100%;
	height: 152px;
	padding-top: 15px;
	background: #3ed1a4;
	position: relative;
	
	
}
.product .item2 .news-center2::after{
	position: absolute;
	bottom: -21px;
	left: 50%;
	margin-left: -21px;
	content: '';
	display: block;
	border-top: 21px #3ed1a4 solid;
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	
}
.news-center2 .backgrond2{
	width: 53px;
	height: 53px;
	background:url(../img/index/news-pic2.png) no-repeat;
	margin: 0 auto;
	}
.news-center2 p{
	text-align: center;
	line-height: 33px;
	color: #f6f6f6;
	font-size: 16px;
}
.news-center2 .underline2{
	width: 106px;
	border: 1px solid #f6f6f6;
	margin: 0 auto;
}

.new-pro{
	width: 312px;
	height: 218px;
	position: relative;
}
.new-pro-img{
	width: 218px;
	height: 140px;
	margin: 0 auto;
	padding-top: 47px;
}
.new-pro-img img{
	height: 100%;
	width: 100%;
}
.prevBtn{
	display: block;
	position: absolute;
	left: 0;
	top:117px;
}
.nextBtn{
	display: block;
	position: absolute;
	left: 288px;
	top:117px;
}
.new-pro-text{
	width: 100%;
	height: 88px;
	line-height: 34px;
}

.new-pro-text p{
	text-align: center;
	color: #2395cb;
	font-size: 14px;
}
.new-pro-text small{
	display: block;
	width: 216px;
	margin: 0 auto;
	font-size: 12px;
}


/*品牌介绍*/
.product .item3{
	width: 317px;
	height: 473px;
	margin-left: 16px;	
	background: #FFFFFF;
	box-shadow: 5px 5px 12px #C4C4C4;
}
.product .item3 .news-center3{
	width: 100%;
	height: 152px;
	padding-top: 15px;
	background: #895ea3;
	position: relative;
	
	
}
.product .item3 .news-center3::after{
	position: absolute;
	bottom: -21px;
	left: 50%;
	margin-left: -21px;
	content: '';
	display: block;
	border-top: 21px #895ea3 solid;
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	
}
.news-center3 .backgrond3{
	width: 53px;
	height: 53px;
	background:url(../img/index/news-pic3.png) no-repeat;
	margin: 0 auto;
	}
.news-center3 p{
	text-align: center;
	line-height: 33px;
	color: #f6f6f6;
	font-size: 16px;
}
.news-center3 .underline2{
	width: 106px;
	border: 1px solid #f6f6f6;
	margin: 0 auto;
}

.imformation-img{
	width: 298px;
	height: 125px;
	margin: 0 auto;
	background: red;
	margin-top: 49px;
}
.imformation-img img{
	width:100%;
	height: 100%;
}
.imformation-text{
	width: 206px;
	height: 35px;
	font-size: 12px;
	margin: 0 auto;
	margin-top: 59px;
	position: relative;
}
.left-f{
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	font-size: 25px;
	font-weight: bolder;
	color: #dbdade;
	left: -44px;
	top: -25px;
}
.right-f{
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	font-size: 25px;
	font-weight: bolder;
	color: #dbdade;
	right: -44px;
	top: 24px;
}

/*关于我们*/
.about{
	width: 100%;
}
.about-tittle{
	width: 274px;
	height: 43px;	
	margin: 0 auto;
	text-align: center;
	position: relative;
	margin-top: 59px;
	line-height: 32px;
}

.about-tittle small{
	position: absolute;
	background:#f6f6f6 ;
	left: 88px;
	top:24px
}

.about-contant{
	width: 100%;
	height: 343px;
	margin-top: 52px;
	background: url(../img/index/bg_b.png);
}
.about-contant-text{
	width: 928px;
	height: 150px;
	margin: 0 auto;
	
	
}
.about-contant-text p{
	color: #5e5f60;
	font-size: 14px;
	text-align: center;
	text-indent: 2em;
	line-height: 24px;
	padding-top: 48px;
}
.about-contant-img{
	width: 1052px;
	height: 168px;
	margin: 0 auto;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	
	
}
.about-contant-img ul li{
	float:left ;
	margin-left: 20px;
}
.about-contant-img ul li:first-child{
	margin-left: 1px;
	
}
.about-contant-img ul li img{
	margin-top: 5px;
}

/*练习我们*/

.contact{
	width:100%;
	position: relative;
}

.contact-tittle{
	width: 274px;
	height: 106px;	
	margin: 0 auto;
	text-align: center;
	position: relative;
	margin-top: 33px;
	line-height: 32px;
}

.contact-tittle small{
	position: absolute;
	background:#f6f6f6 ;
	left: 88px;
	top:24px
}
.contact-contant{
	width: 100%;
	height: 484px;
}

.contact-all-ways{
	width: 1074px;
	height: 484px;
	margin: 0 auto;
	position: relative;
}

.contact-ways{
	width: 432px;
	height: 484px;
	position: relative;
}


.all-ways{
	width: 144px;
	height: 188px;
	border:solid 1px #ebebeb;
}

.all-ways-one{
	width: 126px;
	height: 125px;
	border: 9px solid #FFFFFF;
}
.all-ways-one img{

	width: 100%;
	height: 100%;
}
.all-ways span{
	display: block;
	width: 109px;
	height: 33px;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}
.ways-ul{
	position: absolute;
	display: block;
	left: 135px;
	line-height: 33px;
	width: 265px;
	height: 158px;
	float: left;
	margin-left: 28px;
}
.ways-ul ul li a{
	font-size: 14px;
	color: #8c8c8c;
	margin-left: 14px;
}
.map{
	width: 100%;
	height: 195px;
	margin-top: 40px;
}
.other{
	position: absolute;
	width: 604px;
	height: 484px;
	top: 0;
	right:0px;
}
.other-one form span{
	line-height: 40px;
	font-size: 14px;
	color: #3c9cd3;
}
.other-one input{
	width: 603px;
	height: 34px;
	background: #f9f8f8;
	border: dotted 1px #8c8c8c;
}
.other-one textarea{
	width: 603px;
	height: 102px;
	resize: none;
	background: #f9f8f8;
	border: 1px dotted;
}
.other-one form input[type="submit"]{
	background: #3c9cd3;
	width: 94px;
	height: 30px;
	margin-top: 20px;
	color: #FFFFFF;
}

footer{
	width: 100%;
}

.bottom-first{
	background: #3c9cd3;
	height: 102px;
	line-height: 40px;
}
.bottom-first span{
	display: block;
	width: 196px;
	height: 21px;
	font-size: 14px;
	margin: auto auto;
	padding-top: 14px;
	color: #F6F6F6
	
}
.bottom-first span a{
	margin-left: 10px;
	
}
.bottom-first span img:last-child{
	margin-left: 22px;
}
.bottom-first p{
	text-align: center;
	font-size: 14px;
	color: #F6F6F6;
}
.bottom-second{
	background: #1c1b29;
	height: 35px;
}
.bottom-second p{
	text-align: center;
	font-size: 10px;
	color:#5E5F60 ;
	line-height: 35px;
}
